﻿<%@ Page Title="" Language="C#" MasterPageFile="~/OneColumn.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="eCommerce.web.Default" %>
<%@ Register src="Controls/Common/Slider.ascx" tagname="Slider" tagprefix="eCommerce" %>
<%@ Register src="Controls/Home/Discount.ascx" tagname="Discount" tagprefix="eCommerce" %>
<%@ Register src="Controls/Home/Lastest.ascx" tagname="Lastest" tagprefix="eCommerce" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphHead" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cphContent" runat="server">
    <eCommerce:Slider ID="Slider" runat="server" />

    <div class="container-2">
        <div style="clear:both; display:block; height:20px"></div>
        <eCommerce:Lastest ID="LastestProduct" runat="server" />
        <eCommerce:Discount ID="DiscountProduct" runat="server" />
    </div>

    <script type="text/javascript">
        //------JCAROUSEL-------------
        function mycarousel_initCallback(carousel) {
            // Disable autoscrolling if the user clicks the prev or next button.
            carousel.buttonNext.bind('click', function () {
                carousel.startAuto(0);
            });
            carousel.buttonPrev.bind('click', function () {
                carousel.startAuto(0);
            });
            // Pause autoscrolling if the user moves with the cursor over the clip.
            carousel.clip.hover(function () {
                carousel.stopAuto();
            }, function () {
                carousel.startAuto();
            });
        };

        function km_mycarousel_initCallback(carousel) {
            // Disable autoscrolling if the user clicks the prev or next button.
            carousel.buttonNext.bind('click', function () {
                carousel.startAuto(0);
            });
            carousel.buttonPrev.bind('click', function () {
                carousel.startAuto(0);
            });
            // Pause autoscrolling if the user moves with the cursor over the clip.
            carousel.clip.hover(function () {
                carousel.stopAuto();
            }, function () {
                carousel.startAuto();
            });
        };

        //#mycarouselnew
        jQuery(document).ready(function () {
            jQuery('#mycarousel').jcarousel({
                auto: 0,
                wrap: 'last',
                initCallback: mycarousel_initCallback
            });

            jQuery('#km_mycarousel').jcarousel({
                auto: 0,
                wrap: 'last',
                initCallback: km_mycarousel_initCallback
            });
        });	
</script>
</asp:Content>
